<template>
	<view>
		<image src="/static/bg.jpg" class="mw-bg"></image>
		<view class="mw-btn">
			<view class="mw-answer">
				<view @click="goToTest">
					<button class='cu-btn bg-red round block lg'>开始答题</button>
				</view>
				<view>
					<button class="cu-btn line-red round block lg margin-top" open-type="share"> 推荐给好友 </button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo: {},
				hasUserInfo: false,
				canIUse: uni.canIUse('button.open-type.getUserInfo')
			}
		},
		onLoad() {

		},
		methods: {
			//事件处理函数
			goToTest() {
				uni.navigateTo({
					url: '../test/test'
				})
			},
		}
	}
</script>

<style>
	page {
		background-color: #f6eef9;
	}

	.mw-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 750rpx;
		height: 100vh;
	}

	.mw-btn {
		position: absolute;
		top: 55vh;
		left: 0;
		width: 750rpx;
		z-index: 2;
	}

	.mw-answer {
		padding: 100rpx 150rpx 30rpx;
	}

	.mw-weixin.text-center {
		color: #333;
		padding: 30rpx 0 0;
	}
</style>